<template>
  <span :class="['yd-radio-icon', {'select': select}]">
    <i></i>
  </span>
</template>
<script>
export default {
  name: 'radio',
  props: {
    select: {
      type: Boolean,
      default: false
    }
  }
}
</script>
<style lang="scss" scoped>
  .yd-radio-icon {
    width: 20px;
    height: 20px;
    &.select {
      i {
        width: 50%;
        height: 50%;
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
      }
    }
  }
</style>
